<div class="row">
  <div class="col-md-12">
    <app-navigationadmin></app-navigationadmin>
  </div>
</div>
<!-----------------轮播区 增删查改 主界面----------------->

<br>
<h2>轮播区编辑页面</h2>
<br>

<!--添加操作界面-->
<table class="table">
  <thead>
  <tr>
    <th scope="col">添加数据</th>
    <th scope="col" >
      <!--使用逻辑部分的 addNews() 方法实现 添加 -->
      <button class="btn btn-info" (click)="add()" >添加</button>
    </th>
  </tr>
  </thead>
</table>
<br>
<br>
<table class="table">
  <thead>
  <tr>
    <th scope="col">图片序号</th>
    <th scope="col">图片标题</th>
    <th scope="col">图片描述</th>
    <th scope="col">图片</th>
    <th scope="col">链接地址</th>
    <th>UD操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let c of cl;index as i">
    <th scope="row" >{{i+1}}</th>
    <td>{{c.title}}</td>
    <td width="200px" height="100px">{{c.discription}}</td>
    <td>
      <img width="250px" height="100px" src="{{c.picurl}}" />
    </td>
    <td>{{c.contenturl}}</td>
    <td>
      <button class="btn btn-success" (click)="update(c.carouselid)">修改</button>&nbsp;
      <button class="btn btn-danger" (click)="delete(c.carouselid)">删除</button>
    </td>
  </tr>
  </tbody>
</table>
<br>
<br>
